<template>
	<view class="init" >

       <!-- <view class="message">
        	<mt-components-notice v-if="NoticeState" />
			<mt-components-tip v-if="TipState"></mt-components-tip>
        </view>
		
		<view class="fun">
			<mt-components-navigation v-if="NavigationState"></mt-components-navigation>
			<mt-components-function v-if="FunState"></mt-components-function>
		</view> -->
   
         <mt-components-taskbar v-if="taskbar && taskbar.state"></mt-components-taskbar>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'


	export default {

		computed: {
			// ...mapState('Tool', ['NoticeState', 'TipState','NavigationState','FunState']),
            ...mapState('setting',['taskbar']),


			//总开关
			getSwitchState() {

				return this?.NoticeState || this?.TipState
			}
		},
	    beforeMount() {
	    	console.log(this.taskbar)
	    },
		methods: {
			turn() {
				this.state = !this.state
			}
		},
		data() {
			return {
				state: true
			}
		}

	}
</script>

<style lang="less">
	.init {
	
	}
	
	.message{
		position: fixed;
		width: 100vw;
		height: 0px;
		top: 0;
		background: red;
		z-index: var(--message-z-index);
	}
	
	.fun{
		position: fixed;
		width: 100vw;
		height: 0px;
		top: 0;
		background: red;
		z-index: var(--fun-z-index);
	}
</style>